<script lang="ts" setup>
const linkImg=(url:any)=>{
			 window.open(url,'_blank') // 在新窗口打开外链接
		}
</script>
<template>
	<div>
		<el-card class="box-card tag" @click="linkImg('https://kssy.gitee.io/notes')">
			<div>
				<el-avatar   src="https://kssy.gitee.io/notes/images/fish.png" />
				<p>渔泡笔记</p>
			</div>
			<div>
				个人学习笔记，主要来源于B站上视频的学习，同时会记录平时一些学习遇到的新知识和问题等。
			</div>
			
		</el-card>

	</div>
</template>
<style lang="scss" scoped>
:deep(.el-card__body){
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box-card{
	cursor:pointer;
	>div{
		

		>div:nth-child(1){
		width: 20%;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	>div:nth-child(2){
		width: 80%;
	}
	}

}



@media only screen and (max-width: 800px) {

	.box-card{
	>div{
		>div:nth-child(1){
			display: block;
			text-align: center;
		width: 20%;
	}
	>div:nth-child(2){
		width: 79%;
	}
	}

}
}
</style>